<template>
  <div class="container">
    <div class="page-notfound">
      <div class="notfound-img">
        <img src="./img/error.png" width="180px" height="180px">
      </div>
      <div class="notfound-min">
        <ul class="notfound-tips">
          <li>此网页可能暂时出现故障</li>
          <li>没有网络信号或数据连接</li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return { }
  }
}
</script>

<style scoped lang="less">
.page-notfound {
  padding-top: 50px;
  text-align: center;
  margin: 0 auto;
  .notfound-img {
    margin-bottom: 3px;
  }
  .notfound-tips {
    display: inline-block;
    font-size: 10px;
    line-height: 24px;
    color: #b5b5b5;
    padding-left: 7px;
    // text-align: left;
    margin-bottom: 38px;
    letter-spacing: 1px;
  }
  .notfound-tips li {
    list-style-type: disc;
    list-style-position: inside;
  }
}

</style>
